.purchase {

  .popInMessageHolder {
    top: 75px;
  }

  #confirmPay {
    padding: 0;
    top: calc(100% + #{$padSm});
  }

  .showIfPay,
  .showIfPending,
  .showIfComplete {
    display: none;
  }

  .pending {
    .QR {
      display: block;

      img {
        width: 240px;
        height: 240px;
      }
    }

    .copyNotification {
      top: -0.6em
    }

    .clickable {
      cursor: pointer;
    }
  }

  .complete {
    .message {
      border-style: solid;
      border-width: 1px;
      padding: $pad;
      margin-bottom: $pad;

      textarea {
        border: none;
      }
    }

    .socialBtns .btn {
      height: auto;
      padding-top: 8px;
      padding-bottom: 8px;
    }
  }

  .actionBtn {
    .pendingBtn {
      pointer-events: none;
    }
  }

  .sidebar {
    position: fixed;
    width: 234px;

    .closeBtn {
      position: absolute;
      right: -1px;
      top: -42px;
    }

    .receipt {
      .subShipping {
        padding-left: $pad;
      }

      .constrainedWidth {
        max-width: 50%;
        flex-grow: 1;
        flex-shrink: 0;

        & > .flexHRight {
          text-align: left;
        }
      }

      .cryptoTradingPair {
        .fromCur, .toCur {
          display: none;
        }

        .pairingSeparator {
          margin: 0 5px 0 0;
        }
      }

      .cryptoQuantity {
        position: relative;
        top: -3px;
      }
    }
  }

  .loadingPurchase {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .moderatorsList .moderatorsWrapper.fauxModeratorsWrapper {
    min-height: 0;
  }

  .cryptoTitleWrap {
    #cryptoAmountCurrency + .select2-container {
      .select2-selection__rendered {
        font-size: $tx6;
      }

      .select2-selection__arrow {
        top: 3px;
      }
    }
  }

  .mainSection {
    &.phasePay, &.phaseProcessing {
      .cryptoTitleWrap {
        .cryptoTradingPairWrap {
          width: 250px;
        }
      }
    }

    .cryptoPaymentAddress {
      margin-top: 13px;
    }
  }
}
